<!-- Created by duwanfu on 2019/1/1 -->
<template>
  <div class="wraper">
    <div class="header">

    </div>
    <p>生财有道一款轻松赚钱的手机软件</p>
    <div @click="downLoad" class="btn android"></div>
    <div class="btn ios"></div>
    <div class="layer" v-if="isWexin"></div>
  </div>
</template>

<script>
  import { browserMixin } from '../../assets/js/mixin'
  export default {
    name: "down-load-app",
    mixins: [browserMixin],
    data () {
      return {

      }
    },
    methods: {
      downLoad () {
        location.href = 'http://static.jingyugg.com/app-release.apk'
      }
    }
  }
</script>

<style lang="scss" scoped>
  .wraper {
    .header {
      width: 100%;
      height: 5.84rem;
      background: url("../../assets/imgs/downloadapp-bg.png") no-repeat;
      background-size: cover;
    }
    p {
      margin-top: .5rem;
      font-size: .3rem;
      text-align: center;
      padding-bottom: .3rem;
    }
    .btn {
      width: 4.4rem;
      height: 1rem;
      margin: .6rem auto 0;
      border-radius: .08rem;
      overflow: hidden;
    }
    .android {
      background: url("../../assets/imgs/downloadapp-android.png") no-repeat;
      background-size: cover;
    }
    .ios {
      background: url("../../assets/imgs/downloadapp-ios.png") no-repeat;
      background-size: cover;
    }
    .layer {
      position: fixed;
      top: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0,0,0,.7) url("../../assets/imgs/downloadapp-zd.png") no-repeat 2.6rem .5rem;
      background-size: 4.5rem 2.51rem;
    }
  }
</style>
